$(function() {
    // 0点击切换
    $('#link_reg').on('click', function() {
        $('.login-box').hide()
        $('.reg-box').show()
    })
    $('#link_login').on('click', function() {
        $('.login-box').show()
        $('.reg-box').hide()
    })

    // 1向layui 里加入 校验规则
    layui.form.verify({
        // a.密码校验规则和错误消息
        pwd: [/^\S{6,12}$/, '密码长度为：6-12'],
        // b.注册表单验证
        repwd(repwdValue) {
            const pwdStr = $('#form_reg [name=password]')
        }
    })

    // 2.为登录表单 注册事件函数
    $('#form_login').on('submit', function(e) {
        // 阻止表单默认行为
        e.preventDefault();
        // 获取表单信息
        let data = $(this).serialize()
        console.log(data);
        // 发送请求、
        $.ajax({
            method: 'post',
            url: '/api/login',
            data,
            success(res) {
                if (res.status === 1) {
                    return layui.layer.alert('登录失败！')
                }
                // 如果成功将返回的token值保存到本地
                localStorage.setItem('token', res.token)
                location.replace('./index.html')

            }
        })

    })

    // 3.为注册表单 注册事件函数
    $('#form_reg').on('submit', function(e) {
        // 阻止表单默认行为
        e.preventDefault();
        // 获取表单信息
        let data = layui.form.val('form_reg');
        // 将确认密码设置为空
        data.repassword = null;
        console.log(data);
        // 发送请求、
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data,
            success(res) {
                if (res.status === 1) {
                    return layui.layer.alert(res.message)
                }
                layui.layer.alert(res.message)
                $('#link_login').trigger('click')
            }
        })
    })
})